﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1750px) {
	.layout,.index_box{max-width: 97%;}
	header .top{max-width: 97%;}
	.foot .box{max-width: 97%;}
}
@media screen and (max-width: 1450px) {
	header .top h1 p{font-size: 30px;}
	header .top .nav{right:165px;}
	header .top .nav li{margin:0 32px;}
	
	.banner .swiper-pagination-yi{position: absolute;bottom:120px;z-index: 10;text-align: center;}
	
	.newrh ul li a .npic{width:320px;}
	.newrh ul li a .ncon{width:55%; margin-left: 2%}

	.sonlinkmenu{padding: 0 1.5%; width: 97%;}
	.main-about{max-width: 97%; margin: 0 auto;}
	

}
@media screen and (max-width: 1150px) {
		
	.newrh ul li a .npic{width:300px;}
	.newrh ul li a .ncon{width:51%; }
}


@media screen and (max-width: 1050px) {

	header{display: none;}
	.sp_header,.sjj_nav{ display:block;}
	
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:8px 0 0 10px;float:left;height:55px}
	.sp_logo img{margin:auto;max-height:55px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index: 100}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:48px;font-size:15px; color: #000;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:40px;font-size:13px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#f39800}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/
	
	
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-slide img{height: auto;}
	.banner .swiper-slide .title .txtyi{line-height: 45px;}
	.banner .swiper-slide .title .txtyi h2{font-size: 36px;}
	.banner .swiper-slide .title .txtyi p{font-size: 20px;}
	.banner .swiper-pagination-yi{position: absolute;bottom:10px;z-index: 10;text-align: center;}
	.banner .swiper-pagination-bullet{width: 12px;height: 12px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

	.banner{margin-top: 71px;}
	.banner_ny{margin-top: 71px; height: auto;}
	
	.Titles h2{font-size:25px; }
	.Titles .sit{padding-bottom: 20px; }
	
	.dyip,.derp,.derp,.dsanp,.dsip,.dwup{ height: auto;}
	.dyip ul{margin-left: -3%;}
	.dyip li{width: 30.333%;margin-left: 3%;}
	.dyip li .title{padding:35px 0 15px; font-size:24px;}
	.dyip li p{font-size: 14px; line-height: 28px;}
	
	.derp .swiper-slide p{font-size: 15px;}
	
	.dsanp .sy_about .left_P{float: left; width:100%;}
	.dsanp .sy_about .left_P img{max-width: 100%; width: 100%;}
	.dsanp .sy_about .left_W{float: right; width: 100%; line-height:32px; font-size: 15px; }
	.dsanp .sy_about .left_W span{display: block; font-size: 22px; font-weight: bold; line-height: 36px;}
	.dsanp .sy_about .left_W .wk_about_top{ padding-top: 15px;}
	.dsanp .sy_about .left_W .wk_about_top a{margin-right: 30px;}
	
	.newrh ul li a .npic{width:280px;}
	.newrh ul li a .ncon{width:53%; margin-left:1.5%;}
	.newrh ul li a .ncon .newname{font-size:16px;margin-top:10px}
	.newrh ul li a .ncon .ntit{font-size:13px;line-height:27px;height:54px;margin:10px 0 15px 0;}
	
	
	.ct_mode .ct_list h3{font-size: 20px; margin:12px 0;} 
	.ct_mode .ct_list ul li{ line-height: 40px; font-size: 15px;}
	.ct_mode .ct_list ul li span{padding-right: 12px; width:25px;height:25px; }

	.subnav_er li{font-size: 15px;width: 125px; border-radius: 20px; line-height: 40px;}
	.subnav_er li a{display: block;color: #333;line-height: 40px;}
	
	.I-title h2{line-height:40px;font-size:25px;}
	
	.main-about{padding:15px 0;}
	.Ulimg li,.honor li { width:48%; }

	.videolist{width:47%; }
		
	.news_pic{width: 28%;}
	.news_desc{width:58%;}
	
	.product_details {background: #fff;}	
	.product_details .details_pic{float: left; width:100%; border:1px solid #e2e2e2;}
	.product_details .details_top h5{font-size:24px;margin-bottom:20px;padding:15px 0;}
	.product_details .details_top{float: left; width:100%;}
	.product_details .details_box{margin-top: 0; }
	
		
	.cal_content1 .fxs{float: left; width:100%; } 
	.cal_content1 .fxs:first-child{padding-top: 0; line-height:33px;font-size: 15px;width:100%;}
	.cal_content1 .fxs:last-child{padding-top: 25px;}
	
	.foot .foot_t .t_l{width: 100%; margin-right: 0;}
	.foot .foot_t .t_l dt{padding-bottom:12px;font-size: 16px;}
	.foot .foot_t .t_c{float: left; margin-top: 35px;}
	.foot .foot_t .t_r{ margin-top: 55px;}
	

}

@media screen and (max-width:820px) {

	.banner .swiper-container .m{display: block;}
	.banner .swiper-container .pc{display: none;}
	.banner .swiper-slide .title .txtyi{line-height: 36px;}
	.banner .swiper-slide .title .txtyi h2{font-size: 25px; letter-spacing: 1px;}
	.banner .swiper-slide .title .txtyi p{font-size: 15px;letter-spacing: 1px; padding: 0 3%;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
	
	.dyip li .title{font-size:25px;}
	.dyip ul{margin-left:0;}
	.dyip li{width: 100%;margin-left: 0; margin-bottom:5%;}
	.dyip li p{font-size: 15px; line-height: 32px;}
	
	.derp .swiper-slide p{font-size: 14px; height: 38px; line-height: 38px;}
	
	
	.dsanp .sy_about .left_W{float: right; width: 100%; line-height:30px; font-size: 14px; }
	.dsanp .sy_about .left_W .wk_about_top a{float: left;margin-right: 18px;width: 88px;}
	
	.newrh ul li{width:100%;padding:0; margin-bottom: 25px;}
	.newrh ul li:hover{background:none;padding:0 ;}
	.newrh ul li a .npic{width:100%;}
	.newrh ul li a .ncon{width:100%;margin-left:0;border-right:none}
	.newrh ul li a .ntime{display: none;}
	
	.ct_mode{margin-top:0;}
	.ct_mode .ct_list{float:left; width: 96%; margin:0 2%}
	.ct_mode .ct_list ul li{ line-height: 35px; font-size: 14px;}
	.ct_mode .ct_list ul li b{font-weight: normal;}
	.ct_mode .ct_map{float:left; width: 96%; margin: 2%;}
	#map_container{height: 450px;}
	
	
	.products_t .left{width: 100%;float: left;}
	.products_t .right h2{font-size: 24px;padding-bottom: 0;}
	.products_t .right{width: 100%;float: right;margin-top: 20px;}
	
	
	.subnav_er{height: 102px;}
	.subnav_er li{font-size: 14px;width: 125px; border-radius: 20px; line-height: 40px;}
	.subnav_er li a{display: block;color: #333;line-height: 40px;}
	
		
	.main-about .profile{margin:15px 0;line-height:30px; font-size: 14px; }
	.main-about .profile p{width: 100% !important; padding-bottom: 12px; }
	.main-about .profile table tr td{width:100%; padding: 0; float: left;}
	
	.products ul li{width:50%;}
	.products ul li a .text .title{font-size:14px; }
	.products ul li a p{font-size: 16px;}
	
	.news_con .date{top:18px;}
	.news_desc h3{font-size: 16px;margin-bottom: 4px;}
	.news_desc p{font-size: 12px; line-height:25px;height:50px;}
	.news_desc{width:52%;}
	.news_con .date .day{font-size:34px;line-height:38px;}
	.news_con .date .year{font-size:17px;}
	
	
	.videolist{ width:100%; margin-right:0; }
	.videos{ margin-left:-220px; margin-top:-200px; z-index:100; width:440px; height:400px; }
	.videos video{height:400px; }
		
	.cUmsg-list li{width:100%; padding: 5px  2.19298%;}
	.cUmsg-list .cUmsg-type{width:15%;}
	.cUmsg-list .text{width:85%;}

	.foot .foot_t .t_l{display: none}
	.foot .foot_t .t_c{margin-top:0}
	.foot .foot_t .t_r{ margin-top:0;float: left;}
	
}

@media screen and (max-width: 480px) {
	.banner .swiper-slide .title .txtyi{line-height: 40px;}
	.banner .swiper-slide .title .txtyi h2{font-size: 25px;}
	.banner .swiper-slide .title .txtyi p{font-size: 16px;}
}